$(function(){
			
			$("#content ").on("click" ,".one .lefto .xia .xtp ul li",function(){
				
				$("#content .one .lefto .xia .tupian .dtp li ").eq($(this).index()).show().siblings().hide()
			})
		  
})
$(function(){
	$("#new .right .two .nav li a").click(function(){
		
		$(this).css({"background":"#333333"})
		$("#new .right .two .nav li a").mouseenter(function(){
			$(this).css({"background":"#999"})
		})
		$("#new .right .two .nav li a").mouseout(function(){
			$(this).css({"background":"#eee"})
		})
			
		
	})
})

$(function(){
	$("#new ").on("click",".right .two .nav ul li",function(){
		$("#new .right .two .ziliao").eq($(this).index()).show().siblings('.ziliao').hide()
	})
		
		
		
$(function () {
			$('#content .dtp').hover(function () {
				$('#content .xia .fk').show() ;
				$('#content .xia .fdj').show() ;
			} , function () {
				$('#content .xia .fk').hide() ;
				$('#content .xia .fdj').hide() ;
			})

			$('#content .dtp').mousemove(function (evt) {
				var e = evt || window.event ;

				//console.log(e.pageX) ;
				//console.log(e.pageY) ;
				//console.log($('#box').offset().left) ;
				//console.log($('#box').offset().top) ;
				//console.log($('#content .dtp').offset().left) ;
				//console.log($('#content .dtp').offset().top) ;
				//console.log($('#content .xia .fk').width()) ;
				
				var Left = e.pageX - $('#content .dtp').offset().left - $('#content .xia .fk').width() / 2 ;

				var Top = e.pageY - $('#content .dtp').offset().top - $('#content .xia .fk').height() / 2 ; 

				console.log(Left) ;
				console.log(Top) ;

				if ( Left < 0 ) {
					Left = 0 ;
				} else if ( Left > $('#content .dtp').width() - $('#content .xia .fk').width() ) {
					Left = $('#content .dtp').width() - $('#content .xia .fk').width() ;
				}

				if ( Top < 0 ) {
					Top = 0 ;
				} else if ( Top > $('#content .dtp').height() - $('#content .xia .fk').height() ) {
					Top = $('#content .dtp').height() - $('#content .xia .fk').height() ;
				}

				$('#content .xia .fk').css('left' , Left + 'px') ;
				$('#content .xia .fk').css('top' , Top + 'px') ;

				var oImgX = Left / ( $('#content .dtp').width() - $('#content .xia .fk').width() ) ;
				var oImgY = Top / ( $('#content .dtp').height() - $('#content .xia .fk').height() ) ;

				$('#content .xia .fdj img').css( { 'margin-left' : -oImgX * ( $("#content .xia .fdj img").width() - $("#content .xia .fdj").width() ) + 'px' } ) ;
				$('#content .xia .fdj img').css( { 'margin-top' : -oImgY * ( $("#content .xia .fdj img").height() - $("#content .xia .fdj").height() ) + 'px' } ) ;

			})
		})		
})

